<template>
	<div>
		<div>
			<div class="mod-config">
				<el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;">
					<el-table-column prop="discountName" header-align="center" align="center" label="折扣方案名字"></el-table-column>
					<el-table-column prop="status" header-align="center" align="center" label="状态">
						<template slot-scope="scope">
							<el-tag type="success" v-show="scope.row.status === 1">启用</el-tag>
							<el-tag type="danger" v-show="scope.row.status === 2">停用</el-tag>
						</template>
					</el-table-column>
					<el-table-column fixed="right" header-align="center" align="center" width="100" label="操作">
						<template slot-scope="scope">
							<el-button v-show="scope.row.status === 1" type="text" size="small" @click="select(scope.row)">选择</el-button>
						</template>
					</el-table-column>
				</el-table>
        <el-pagination
          @size-change="sizeChangeHandle"
          @current-change="currentChangeHandle"
          :current-page="pageIndex"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="pageSize"
          :total="totalPage"
          layout="total, sizes, prev, pager, next, jumper">
        </el-pagination>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			dataForm: {
				key: ''
			},
			dataList: [],
			pageIndex: 1,
			pageSize: 10,
			totalPage: 0,
			dataListLoading: false,
			dataListSelections: [],
			addOrUpdateVisible: false,
			discountDetailInfo:{}
		};
	},
	components: {},
	methods: {
		select(row){
			this.$http({
			  url: this.$http.adornUrl('/store/tstorediscountdetail/list'),
			  method: 'get',
			  params: this.$http.adornParams({
			    'discountId':row.discountId,
				page: 1,
				limit: 1000,
			  })
			}).then(({data}) => {
			  if (data && data.code === 0) {
			    this.discountDetailInfo.info = row
				this.discountDetailInfo.list = data.page.list
				this.$emit("DiscountDetail",this.discountDetailInfo)
			  } else {
			    this.discountDetailList = {}
			  }
			})

		},

		// 获取数据列表
		getDataList() {
			this.dataListLoading = true;
			this.$http({
				url: this.$http.adornUrl('/store/tstorediscount/list'),
				method: 'get',
				params: this.$http.adornParams({
					page: this.pageIndex,
					limit: this.pageSize,
					key: this.dataForm.key
				})
			}).then(({ data }) => {
				if (data && data.code === 0) {
					this.dataList = data.page.list;
					this.totalPage = data.page.totalCount;
				} else {
					this.dataList = [];
					this.totalPage = 0;
				}
				this.dataListLoading = false;
			});
		},
		// 每页数
		sizeChangeHandle(val) {
			this.pageSize = val;
			this.pageIndex = 1;
			this.getDataList();
		},
		// 当前页
		currentChangeHandle(val) {
			this.pageIndex = val;
			this.getDataList();
		},
		// 多选
		selectionChangeHandle(val) {
			this.dataListSelections = val;
		},
	}
};
</script>
